<div>
  menu mode:
  <fui-radio-group  [(ngModel)]="mode">
    <fui-radio-item value="float">float</fui-radio-item>
    <fui-radio-item value="foldable">foldable</fui-radio-item>
  </fui-radio-group>
</div>

<div class="menus">
  <fui-menu [mode]="mode" selectedKey="user" (selectChange)="selectChange($event)">
    <fui-menu-item icon="user" key="user">
      user
    </fui-menu-item>
    <fui-sub-menu icon="user-group" menuTitle="group" key="sub-group">
      <fui-menu-item key="role">
        role
      </fui-menu-item>
      <fui-menu-item key="group">
        group
      </fui-menu-item>
      <fui-sub-menu menuTitle="groups" key="sub-groups">
        <fui-menu-item key="group1">
          group1
        </fui-menu-item>
        <fui-menu-item key="group2">
          group2
        </fui-menu-item>
      </fui-sub-menu>
    </fui-sub-menu>
    <fui-sub-menu icon="mask" menuTitle="long submenu long submenu">
      <fui-menu-item key="long">
        long role long role long role
      </fui-menu-item>
    </fui-sub-menu>
  </fui-menu>

  <fui-menu selectedKey="user" (selectChange)="selectChange($event)" menuTitle="分类菜单">
    <fui-menu-item-group menuTitle="用户与权限">
      <fui-menu-item icon="user" key="user">
        用户
      </fui-menu-item>
      <fui-menu-item icon="mask" key="role">
        角色
      </fui-menu-item>
      <fui-menu-item icon="user-group" key="group">
        组
      </fui-menu-item>
    </fui-menu-item-group>
    <fui-menu-item-group menuTitle="产品">
      <fui-menu-item icon="list" key="product">
        产品
      </fui-menu-item>
    </fui-menu-item-group>
  </fui-menu>
</div>
